import React, { Component } from 'react'
import Styles from './index.less'
const bottomSlider = [
  {
    title: '智能制造',
    detail: '通过“五化一体”解决方案即自动化、信息化、数字化、网络化及智能化，助力工业企业特别是中小企业实现转型升级。',
    subTitle: 'Smart Manufacturing',
  },
  {
    title: '智能人居',
    detail: '通过“五化一体”解决方案即自动化、信息化、数字化、网络化及智能化，助力工业企业特别是中小企业实现转型升级。',
    subTitle: 'Smart Manufacturing',
  },
  {
    title: '智能城市',
    detail: '通过“五化一体”解决方案即自动化、信息化、数字化、网络化及智能化，助力工业企业特别是中小企业实现转型升级。',
    subTitle: 'Smart Manufacturing',
  },
  {
    title: '智能农业',
    detail: '通过“五化一体”解决方案即自动化、信息化、数字化、网络化及智能化，助力工业企业特别是中小企业实现转型升级。',
    subTitle: 'Smart Manufacturing',
  },
]
function ItemSlider(props) {
  const { data } = props
  return (
    <div className={Styles.itemSlider}>
      <h3>{data.title}</h3>
      <p>{data.detail}</p>
      <h4>{data.subTitle}</h4>
    </div>
  )
}
export default class ICA extends Component {
  render() {
    return (
      <div className={Styles.ICA}>
        <div className={Styles.topBanner}>
          <div className={Styles.topBannerContainer}>
            <h2>如何加入ICA</h2>
            <p>官网直接提交成员申请表单，工作人员会尽快进行审核资格确认后，工作人员与您直接沟通您在联盟中所希望承担的责任和业务成为联盟成员后，联盟会对新成员颁发联盟成员认证。</p>
            <a src="">立即申请</a>
          </div>
        </div>
        <div className={Styles.bottomSlider}>
          {
            bottomSlider.map((item) => (
              <ItemSlider data={item} key={item.title}/>
            ))
          }
        </div>
      </div>
    )
  }
}
